<!DOCTYPE html>
<html>
  <head>
    <title>Search Cheapest Flight</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }
      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 700px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }
      </style>
      <script>
          $(function() {
           $( "#datepicker" ).datepicker();
           });
</script>
  </head>
  <body>
   
   
    <div class="container">

      <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="SearchFlight.php">Search Flights</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
        <h3 class="muted">CheapestFlights</h3>
      </div>
        <a class="btn btn-info"  href="SearchFlight.php">Search Flights</a>
    </div>
              <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>